<template>
	<view class="container">
		<view class="content u-margin-20 u-padding-20">
			<u-cell-item :title-style="{ color: '#333333' }" title="刷卡费率" :border-bottom="false" :arrow="false"
				class="terminal__sub">

				<image class="icon mr-20" slot="icon" src="@/static/image/home/icon_line_vertical.png" />
			</u-cell-item>
			<view class="flex justify-between u-m-20">
				<view class="">
					T+0（%）
				</view>
				<view class="">
					<u-input v-model="value" :type="type" :border="border" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				merchantNo: "",
				merchantRateInfoDo: {}
			}
		},
		onLoad(options) {
			this.merchantNo = options.merchantNo;
			this.queryMerRateChangeApply();
		},
		methods: {

			queryMerRateChangeApply() {
				const _that = this;
				_that.$zx.user_api.queryMerRateChangeApply(_that.merchantNo).then((data) => {
					console.log("data=" + JSON.stringify(data))

					_that.merchantRateInfoDo = data;
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	.content {
		background-color: white;
		border-radius: 20rpx;
	}

	.icon {
		width: 13rpx;
		height: 36rpx;

	}
</style>